const { resolve } = require('path')
const htmlWebpackPlugin = require('html-webpack-plugin');

const htmlPlugin = new htmlWebpackPlugin({
    template: './src/index.html',
    filename: 'index.html'
});


module.exports = {
    entry: './src/js/index.js',
    output: {
        filename: 'js/build.js',
        path: resolve(__dirname,'build')
    },
    // loader 配置
    module:{
        rules:[
            
        ]
    },
    plugins:[
        htmlPlugin
    ],
    // mode: 'development', // 开发模式
    mode: 'production', // 生产模式

    externals:{
        // 打包时忽略该包，所以在这个时候我们需要在 index.html 页面中需要自己手动引入 jQuery
        // <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
        jquery :'jQuery'
    }

}